import { createApp, h } from 'vue'
import './style.css'
import Antd from 'ant-design-vue'
import App from './App.vue'
import 'ant-design-vue/dist/antd.css'

import { createPinia } from 'pinia'

import { router } from '@/router/index'

import '@/utils/auth.js'

import auth from '@/directives/auth'

import '@/mock/index.js'

import { 
  PieChartOutlined,
  MenuUnfoldOutlined,
  MenuFoldOutlined,
  UserOutlined,
  PayCircleOutlined,
  MehOutlined
} from '@ant-design/icons-vue'

const app = createApp(App)
  .use(Antd)
  .use(router)
  .use(auth)
  .use(createPinia())
  
app.component('PieChartOutlined', PieChartOutlined)
app.component('MenuUnfoldOutlined', MenuUnfoldOutlined)
app.component('MenuFoldOutlined', MenuFoldOutlined)
app.component('UserOutlined', UserOutlined)
app.component('PayCircleOutlined', PayCircleOutlined)
app.component('MehOutlined', MehOutlined)

app.mount('#app')
